<template>
  <div class="app-container">
    <el-form :inline="true" :model="form" ref="form" :rules="rules" label-width="80px">
      <el-form-item label="产品编号" prop="productNum">
        <el-input
          v-model.trim="form.productNum"
          placeholder="请输入产品编号"
          clearable
          size="small"
          disabled
          style="width: 220px;"
        />
      </el-form-item>
      <el-form-item label="产品名称" prop="productName">
        <el-input
          v-model.trim="form.productName"
          placeholder="请输入产品名称"
          clearable
          size="small"
          style="width: 220px;"
        />
      </el-form-item>
      <el-form-item label="条形码" prop="barCode">
        <el-input
          v-model.trim="form.barCode"
          placeholder="请输入条形码"
          clearable
          size="small"
          style="width: 220px;"
        />
      </el-form-item>
      <el-form-item label="规格" prop="specification">
        <el-input
          v-model.trim="form.specification"
          placeholder="请输入规格"
          clearable
          size="small"
          style="width: 220px;"
        />
      </el-form-item>
      <el-form-item label="尺寸" prop="size">
        <el-input
          v-model.trim="form.size"
          placeholder="请输入尺寸"
          clearable
          size="small"
          style="width: 220px;"
        />
      </el-form-item>
      <el-form-item label="颜色" prop="color">
        <el-input
          v-model.trim="form.color"
          placeholder="请输入颜色"
          clearable
          size="small"
          style="width: 220px;"
        />
      </el-form-item>
      <el-form-item label="成本" prop="cost">
        <el-input
          v-model.trim="form.cost"
          placeholder="请输入成本"
          clearable
          size="small"
          style="width: 220px;"
        />
      </el-form-item>
      <el-form-item label="含税成本" prop="taxCost">
        <el-input
          v-model.trim="form.taxCost"
          placeholder="请输入含税成本"
          clearable
          size="small"
          style="width: 220px;"
          disabled
        />
      </el-form-item>
      <el-form-item label="售价" prop="sellPrice">
        <el-input
          v-model.trim="form.sellPrice"
          placeholder="请输入售价"
          clearable
          size="small"
          style="width: 220px;"
        />
      </el-form-item>
      <el-form-item label="吊牌价" prop="tagPrice">
        <el-input
          v-model.trim="form.tagPrice"
          placeholder="请输入吊牌价"
          clearable
          size="small"
          style="width: 220px;"
        />
      </el-form-item>
      <el-form-item label="供应商" prop="provider">
        <el-input
          v-model.trim="form.provider"
          placeholder="请选择供应商"
          clearable
          size="small"
          style="width: 220px;"
        />
      </el-form-item>
      <el-form-item label="仓库" prop="store">
        <el-input
          v-model.trim="form.store"
          placeholder="请选择仓库"
          clearable
          size="small"
          style="width: 220px;"
        />
      </el-form-item>
      <el-form-item label="备注" prop="remark">
        <el-input
          type="textarea"
          v-model.trim="form.remark"
          placeholder="请选择仓库"
          clearable
          size="small"
          style="width: 220px;"
        />
      </el-form-item>
    </el-form>

  </div>
</template>

<script>
  export default {
    name: "addProductNum",
    data() {
      return {
        form: {
          specification: undefined,

        },


        rules: {
          productName: [
            {required: true, message: '产品名称不能为空', trigger: 'blur'}
          ]
        }

      }
    }
  }
</script>

<style scoped>

</style>
